.component{
  &.component-media{
    width: 500px;
    .media-content{
      border: 1px solid #e7e9ea;
      width:500px;
      height:400px;
      display: table-cell;
      vertical-align: middle;
      margin:{
        bottom: 10px;
      };
    }
    .media-toolbar{
      .media-list{
        position: static;
        padding: 0;
        margin: 0;
        text-align: left;
        width:auto;
        .media-list-item{
          width: 65px;
          height: 50px;
          border-radius:0;
          text-indent:0;
          margin:{
            top: 1px;
            bottom: 1px;
            left: 1px;
            right:5px;
          };
          border: 1px solid #e7e9ea;
          .media-item-thumbnail{
            width: 100%;
            height: 100%;
          }
          &.active{
            margin:{
              top: 1px;
              bottom: 1px;
              left: 1px;
              right:5px;
            };
            background:none;
          }
        }
      }
    }
  }
}
